<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>InventBlocks | Customize Your Lifestyle</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/price-range.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    
	<link href="css/main.css" rel="stylesheet">
    
	<link href="css/responsive.css" rel="stylesheet">
  
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->

<body>

<!--/Main Page-->
	<section>
		<div class="container">
        	<div class="login">
        		 <div class="wrap">
     	   			<div>
        				<ul id="flexiselDemo3">
							<li><img height="200px" src="images/hometheatre.png" />
                            	<div class="grid-flex"><a href="hometheater.html">Home Theater System</a></div>
                            <li>
							<li><img src="images/gaming-laptop.png" />
                            	<div class="grid-flex"><a href="404.html">Gaming Laptop</a></div>
                            </li>
							<li><img src="images/RM-1.jpg" /><div class="grid-flex">
                            	<a href="sport.html">Football Style</a></div>
                            </li>
		 				</ul>
         			</div>
				<div>
		 		<div class="clear"></div>
	       </div>
			<div class="row">
            
           		<div class="features_items"><!--features_items-->
						<h2 class="title text-center">Features Items</h2>
						<div class="col-sm-4">
							<div class="product-image-wrapper">
								<div class="single-products">
									<div class="productinfo text-center">
										<img height="250px" src="images/hometheatre.png" alt="" />
										
										<center><h2><p>Home Theatre System</p></h2></center>
										
									</div>
									<div class="product-overlay">
										<div class="overlay-content">
											<center><h2><p>Home Theatre System</p></h2></center>
											<a href="hometheater.html" class="btn btn-default add-to-cart">
                                            	<i class="fa fa-shopping-cart"></i>Customize
                                            </a>
										</div>
									</div>
									
								</div>
								
							</div>
						</div>
						<div class="col-sm-4">
							<div class="product-image-wrapper">
								<div class="single-products">
									<div class="productinfo text-center">
										<img  height="250px" src="images/RM-1.jpg" alt="" />
										<center><h2><p>Football Lifestyle</p></h2></center>
										
									</div>
									<div class="product-overlay">
										<div class="overlay-content">
											<center><h2><p>Football Lifestyle</p></h2></center>
											<a href="sport.html" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Customize
                                            </a>
										</div>
									</div>
								
								</div>
								
							</div>
						</div>
						<div class="col-sm-4">
							<div class="product-image-wrapper">
								<div class="single-products">
									<div class="productinfo text-center">
										<img height="250px" src="images/gaming-laptop.png" alt="" />
										<center><h2><p>Laptop</p></h2></center>
										
									</div>
									<div class="product-overlay">
										<div class="overlay-content">
											
											<center><h2><p>Laptop</p></h2></center>
											<a href="404.html" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Customize
                                            </a>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						
					</div><!--features_items-->
				</div>
			</div>
		</div>
	
	</section>
<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.scrollUp.min.js"></script>
	<script src="js/price-range.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/main.js"></script>
     <script type="text/javascript">
		 $(document).ready(function() {
		
			$("#flexiselDemo3").flexisel({
				visibleItems: 3,
				animationSpeed: 1000,
				autoPlay: false,
				autoPlaySpeed: 3000,    		
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
		    	responsiveBreakpoints: { 
		    		portrait: { 
		    			changePoint:480,
		    			visibleItems: 1
		    		}, 
		    		landscape: { 
		    			changePoint:640,
		    			visibleItems: 2
		    		},
		    		tablet: { 
		    			changePoint:768,
		    			visibleItems: 3
		    		}
		    	}
		    });
		    
		});
	</script>
	<script type="text/javascript" src="js/jquery.flexisel.js"></script>
</body>
</html>